<template>
  <h1>
    <p>{{msg}}</p>
  </h1>
</template>
<script>
import { ref, reactive, toRefs, onMounted } from 'vue';
export default {
  name: '...',
  setup() {
    const state = reactive({
      msg: '404',
    });
    return {
      ...toRefs(state),
    };
  },
};
</script>
<style lang='scss' scoped>
h1 {
  color: #000;
  p {
    font-size: 20px;
  }
}
</style>